{% extends "horizon/client_side/template.html" %}
{% load horizon %}

{% block id %}alert_message_template{% endblock %}

{% block template %}{% spaceless %}{% jstemplate %}
<div class="alert alert-dismissable fade in alert-[[type]]">
  <a class="close" data-dismiss="alert" href="#">
    <span class="fa fa-times"></span>
  </a>
  <p>
    <strong>[[type_display]]</strong>
    [[#safe]]
      [[[message]]]
    [[/safe]]
    [[^safe]]
      [[message]]
      <a id="details_link" href="#message_details"  data-toggle="collapse"
         data-target="#message_details_[[id]]">Details</a>
      <div id="message_details_[[id]]" class="collapse">
      [[details]]
      </div>
    [[/safe]]
  </p>
</div>
{% endjstemplate %}{% endspaceless %}{% endblock %}
